﻿body {
    
    background-color: #E3E3E3;
    height: auto;
}

#contener{
	margin: 20px;
	border:1px green solid;
	height: auto;
	width:  auto;
    padding: 2px 3px 0;
	
}

/* LOGO RTNB*/

.logo{
	
	border:1px green solid;
	height: 200px;
	background-color:#3CB371;
	margin: 5px;
	
}

li{
	 list-style: none outside none;
}

/* MENU */

#menu{
	height:40px;
	background: white;
	margin:-5px 4px 0 5px;
}

#menu li{
    float: left;
    margin: 5px -3px 0 5px;
   	padding: 5px;	
    position: relative;
    list-style: none;
	position: relative;z-index:1;
	
	color: white;	
	background:#F31717;
	height: 30px;
    margin: 5px -3px 0 5px;
    padding: 5px;
    width: auto;
    font-weight: bold; 
    list-style: none outside none;
    float: left;
}

#menu li:hover{
     background: none repeat scroll 0 0 green;    
}

#menu a{
        float: left;
      /*  padding: 5px;*/
        color: white;
        text-transform: uppercase;
       /* font: bold 12px/25px Arial, Helvetica;*/
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
        color: #fafafa;
        background: none repeat scroll 0 0 green;
}

*html #menu li a:hover{ /* IE6 */
        color: #fafafa;
        background: none repeat scroll 0 0 green;
}

#menu li:hover > ul{
        display: block;
        
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0; 
    border-style: solid;
    border-width: 1px;
    
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */
        height: 10px;
        width: 150px;
}

#menu ul a:hover{
        background: green;
        background: -moz-linear-gradient(red,  green);
        background: -webkit-gradient(linear, left top, left bottom, from(red), to(green));
        background: -webkit-linear-gradient(red,  green);
        background: -o-linear-gradient(red,  green);
        background: -ms-linear-gradient(red,  green);
        background: linear-gradient(red,  green);
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 40px;;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Rétablissement du flottement */
#menu:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* SLIDES*/


#slide{
	
	height: 320px;
	border: 1px red solid;
	padding: 5px;
	margin:  0px 4px 0 4px;
}


#slide .slider{
	   height: 287px;
   	 margin: -9px 0 0 124px;
    width: 1020px;
	/*
   
    width: 580px;*/
}
/* BLOCS*/

.chaine1endirect{
     float: left;
      margin: 10px 3px 0 ;
    height: 100px;
    padding: 25px;
    width: 425px;
    }





.section{
	
    float: left;
    height: 200px;
    margin: 10px 3px 0 ;
    padding: 5px;
    width: 425px;
}



important{
	color: red;
	margin-bottom: 5px;
}

/*.titre{
	color:#3CB371;
	padding: 3px;
	margin:-5px 4px 0 5px;
}
*/

#sidebar h2 {
    background: none repeat scroll 0 0 #F31717;
    color: #FFFFFF;
    display: block;
    font: bold 13px Arial,Helvetica,sans-serif;
    text-align: justify;
    margin: 0 0 2px;
    padding: 4px 3px 4px 5px;
    text-align: center;
}

#middle h2 {
    background: none repeat scroll 0 0 #3CB371;
    color: #FFFFFF;
    display: block;
    font: bold 13px Arial,Helvetica,sans-serif;
   	margin: 0 0 2px;
    padding: 4px 3px 4px 5px;
    text-transform: none;
    text-align: center;
}

.langue{
	
	color:white;
	font-weight: bold;
	border: 1px red solid;
	float:right;
	padding:4px;
	margin:3px;
}


#image_container.recherche{

	position:absolute;
	top:150px;
	color:white;
	right:330px;
	padding:4px;
	margin:3px;
}


.formrecherche{
        font-weight: bold;
        position:absolute;
        top:150px;
	color:white;
	right:30px;
	padding:4px;
	margin:3px;
}


#contenu{
	
	height: auto;
	border-bottom: 1px red solid;
	
}

#direct{
	color:white;
	font-weight: bold;
	float:right;
	padding:4px;
	margin: 142px -221px 0;
	font-size: 30px;
}


.topmenu {
    background: url("../images/topmenu.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-weight: bold;
    line-height: 28px;
    text-decoration: none;
    padding-left: 5px;
}
.search{
	float: left;
}
#footer{
	width: auto;
	text-align: center;
	border-top: 1px red solid;
}

#navigation{
	
	height: 200px;
	margin: 20px;
}

#navigation .section{
	
    float: left;
    height: 300px;
    margin: 10px 3px 0;
    padding: 5px;
    width: 211px;
}



 .storytext {
	color: #FFFFFF;
    font-size: 160%;
    height: 80px;
    margin: 20px;
    position: absolute;
    top: 10px;
    width: 380px;
    z-index: 2;
}

table
{
    border-collapse: collapse;
}
td, th 
{
    border: 1px solid black;
	padding:3px;
}

#id_tableau tbody tr:nth-child(even) { 
background-color:#CCCCCC;
}

/* nth-child(odd) cible les lignes impaires. */
#id_tableau tbody tr:nth-child(odd) { 

background-color:#E6E6E6; 
}

.header{
	background: url("../images/entry-header.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: 1px solid #C5D1D9;
    display: block;
    font: bold 13px Arial,Helvetica,sans-serif;
    margin: 0 0 15px;
    padding: 4px 3px 4px 5px;
}

#reportage td{
 border: 0;
}

#id_tableau  img{
 margin-left:-3px;
 height:47px;
 width:70px;
}
label
{
	position:relative;
    display: block;
    width: 105px;
    float: left;
}

